<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>驾驶证详细信息</title>
<link rel="stylesheet" type="text/css" href="${ctx}/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${ctx}/easyui/easyui_my.css">
<link rel="stylesheet" type="text/css" href="${ctx}/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="${ctx}/css/css.css" />
<style type="text/css">
    .panel-title{ color: #444444;}
</style>
<script type="text/javascript" src="${ctx}/js/jquery-1.7.min.js"></script>
<script type="text/javascript" src="${ctx}/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${ctx }/easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="${ctx}/js/common.js"></script>

<script type="text/javascript" src="${ctx}/js/jqzoom.pack.1.0.1.js"></script>
<style type="text/css">
#wfdd_chzn{
 display: none;
}
img {
    vertical-align: top;
}
</style>

</head>
<body class="easyui-layout">
<form id="gclsForm">
<div data-options="region:'center',border:false,cls:'yujszhidongshibie'" style="overflow-y :hidden;padding: 7px;">
<div class="easyui-layout" data-options="fit:true">
	<div data-options="region:'north',border:false" style="height: 100px;">
			<table cellspacing="0" cellpadding="0" border="0" width="100%" class="dananguanglikuang" style="background: #C7EDCC;">
				     	 <tr>
				             <th align="right" height="26">姓名：</th>
				             <td>${driver_audit.xm }</td>
				             <th align="right" height="26">性别：</th>
				             <td>${driver_audit.xb }</td>
				         </tr>
				     	 <tr>
				             <th align="right" height="26">发证机关：</th>
				             <td>${driver_audit.fzjg }</td>
				              <th align="right" height="26">身份证明号码：</th>
				             <td>${driver_audit.sfzmhm }</td>
				         </tr>
				    </table>
				    </div>
				    <div data-options="region:'center',border:false" id="tpStyle">				    		
				    </div>				    
	</div>
</div>

	<div data-options="region:'east',border:false" style="width: 280px;overflow-y :auto;padding: 7px 7px 7px 2px;">
	    	<div class="easyui-layout" data-options="fit:true" style="border:1px solid #d2d2d2;">
				<div data-options="region:'center',border:false">
					<input type="hidden" id="vehicleXh" value="${driver_audit.xh }"/>
							<p class="shipingjiemiangtanggr_top">
								采集记录
							</p>
							<ul class="shipingjiemiangtanggr_bottom" id="yxxxinfo">
							</ul>
				</div>
				<div data-options="region:'south',border:false" style="height: 60px;">							
		             <div class="diyipaidhusnfhenfnf1">             	            
		             </div> 
				</div>
			</div>

	    </div>
	    </form> 
</body>
<script type="text/javascript">
  $(function () {
      debugger;
   	showYxxxList($("#vehicleXh").val());
});
  function showYxxxList(vehicleXh) {
		$.ajax({
			type:'POST',
			url:'${ctx}/yxxxgl/findYxxxglRelation.htm',
			data:{xh:vehicleXh},
			dataType:'json',
			success:function(data, textStatus, jqXHR){
				changeSrc(data[0].tpurl);
				$("#yxxxinfo").html("");
				var tableBodyStr = "";
				  if(data==""){
				      tableBodyStr+="<p class=\"xiangguanxinxzhifjiluyi1\" style=\"border:none;width:200px\">没有符合条件的查询结果！</p>";
				    }else{			    	
				      $.each(data,function(i,n){				    	  
						if (n.tpurl != "") {
							var str = n.tpurl;
							
							tableBodyStr += "<li>";
							//tableBodyStr += "<input type=\"checkbox\" name=\"checkbox1\" id=\""+n.tpid+"\" value=\""+n.tpid+"\">";
							tableBodyStr += "<img  onerror=\"javascript:this.src='${ctx}/images/tupiangsd.png'\" src=\""+str+"\" width=\"100%\" height=\"100\" style=\"float: left; margin: 0 5px 0 0;\" onclick=\"javascript:changeSrc(this.src)\"/>";
							tableBodyStr += "</li>";
						}else{
							tableBodyStr += "<li>";
							tableBodyStr += "<img onerror=\"javascript:this.src='${ctx}/images/tupiangsd.png'\" width=\"100%\" height=\"100\" style=\"float: left; margin: 0 10px 0 0;\" onclick=\"javascript:changeSrc()\"/>";
							tableBodyStr += "</li>";
						}
				      });
				    }
				$("#yxxxinfo").html(tableBodyStr);
			},
			error:function(XMLHttpRequest, textStatus, errorThrown){
				
			}
		});
	}
  function changeSrc(srcValue){
		var playPic = "";
		$("#tpStyle").html("");
		playPic +="<img id=\"imggc\" onerror=\"javascript:this.src='${ctx}/images/wutuffs.png'\" src=\""+srcValue+"\"  style=\"width:90%;height:100%\">";
		$("#tpStyle").html(playPic);
	}
</script>
</html>